<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<title>M2 THYP</title>
	
	<link rel="stylesheet" type="text/css" href="style.css" />

	<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
	<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
	<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>
	
	<script type="text/javascript">
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != 'undefined' )
				curclicked = cur;
			
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
			
			theInt = setInterval(function(){
				$crosslink.removeClass("active-thumb");
				$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
				curclicked++;
				if( 14 == curclicked )
					curclicked = 0;
				
			}, 3000);
		};
		
		$(function(){
			
			$("#main-photo-slider").codaSlider();
			
			$navthumb = $(".nav-thumb");
			$crosslink = $(".cross-link");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr('href').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});
	</script>
</head>

<body>
<div class="cadre">
	<div id="page-wrap">
											
	<div class="slider-wrap">
		<div id="main-photo-slider" class="csw">
			<div class="panelContainer">

				<div class="panel" title="Panel 1">
					<div class="wrapper">
						<img class="big_img" src="https://lh3.googleusercontent.com/-BUqkI5EmDik/Tom9Lj1Tt-I/AAAAAAAAAFg/L796QzkyRXw/s457/2011-10-03%25252015.29.33.jpg" alt="temp" />
						<div class="photo-meta-data">
							Professeur: <a href="#">Samuel Szoniecky</a><br />
							<span>Contact:samszon@gmail.com </span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 2">
					<div class="wrapper">
						<img class="big_img" src="https://lh5.googleusercontent.com/-NyesxTcpGL8/Tom9LzfYgWI/AAAAAAAAAFg/Ckcp7HzMOyg/s512/2011-10-03%25252015.29.45.jpg" alt="temp" />
						<div class="photo-meta-data">
							Professeur: <a href="#">Claude Yacoub</a><br />
							<span>Contact:</span>
						</div>
					</div>
				</div>		
				<div class="panel" title="Panel 3">
					<div class="wrapper">						
						<img class="big_img" src="https://lh5.googleusercontent.com/-_ehsU8Li6rc/Tom9MZFS3zI/AAAAAAAAAGU/RDANRn3Ep-c/s512/2011-10-03%25252015.30.08.jpg" alt="scotch egg" class="floatLeft"/>
						
						<div class="photo-meta-data">
							Etudiant: <a href="#">Klouz Wael</a><br />
							<span>Contact: klouz.wael@yahoo.fr</span>
						</div>>
					</div>
				</div>
				<div class="panel" title="Panel 4">
					<div class="wrapper">
						<img  class="big_img" src="https://lh5.googleusercontent.com/-zADcPTs-mrQ/Tom9M4WQiZI/AAAAAAAAAFg/BgIg6iBS3Yo/s512/2011-10-03%25252015.30.22.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiant: <a href="#">Ala ATRASH </a><br />
							<span>Contact: atrash.ala@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 5">
					<div class="wrapper">
						<img class="big_img" src="https://lh3.googleusercontent.com/-AfIBaysgd9Y/Tom9NOmFJ3I/AAAAAAAAAFg/-jzfIMh3s8g/s512/2011-10-03%25252015.31.15.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiant: <a href="#">Fathi GHROUL </a><br />
							<span>Contact: fathi.ghroul@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 6">
					<div class="wrapper">
						<img class="big_img" src="https://lh5.googleusercontent.com/-UzALKQhdu_E/Tom9NpxZpwI/AAAAAAAAAFg/-FXS7W61O9Y/s512/2011-10-03%25252015.31.35.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Rosa LAKROUZ </a><br />
							<span>Contact: rosa.lakrouz@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 7">
					<div class="wrapper">
						<img class="big_img" src="https://lh3.googleusercontent.com/-0d7eP4zj2P4/Tom9N4myItI/AAAAAAAAAFg/EPszv5XQfXM/s512/2011-10-03%25252015.31.50.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Kahina AZAOUN  </a><br />
							<span>Contact: azaounkahina@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 8">
					<div class="wrapper">
						<img class="big_img" src="https://lh4.googleusercontent.com/-_7KQgf1MPi4/Tom9OVqZptI/AAAAAAAAAFg/n6Ba18vfTbY/s512/2011-10-03%25252015.32.06.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Sara Mansouri </a><br />
							<span>Contact: sarrah.mansouri@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 9">
					<div class="wrapper">
						<img class="big_img" src="https://lh6.googleusercontent.com/-0JkiuFKOaL8/Tom9Otama6I/AAAAAAAAAFg/qrUI9iJgDCg/s512/2011-10-03%25252015.32.23.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Chaimae ALAMI MCHICHI </a><br />
							<span>Contact: chaimae.alami.m@gmail.com</span>		
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 10">
					<div class="wrapper">
						<img class="big_img" src="https://lh4.googleusercontent.com/-y9Dvx0PrUss/Too7kE7d3HI/AAAAAAAAAF4/uRGJ1-MiW28/s512/_MG_4581.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Toktam ARAB SHEIBANI </a><br />
							<span>Contact: toktam.sheibani@gmail.com</span>					 
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 11">
					<div class="wrapper">
						<img class="big_img" src="https://lh6.googleusercontent.com/-GdGPDfU6BL4/TpKfUZua3_I/AAAAAAAAAFg/V_hmQNCsqaQ/s512/2011-10-10%25252009.15.32.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiant: <a href="#">Nom Prénom </a><br />
							<span>Contact: A saisir</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 12">
					<div class="wrapper">
						<img class="big_img" src="https://lh6.googleusercontent.com/--CpRGkZFuf8/TpKirJG_OjI/AAAAAAAAAFg/WiSRxZAk2aE/s512/2011-10-10%25252009.42.22.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiant: <a href="#">Chehidi Dharar</a><br />
							<span>Contact: chehidi.dharar@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 13">
					<div class="wrapper">
						<img class="big_img" src="https://lh3.googleusercontent.com/-hjkeaO0cB4Q/TpKkWv1uczI/AAAAAAAAAFg/CDVSBRg4tXE/s512/ah.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Ahlame AZAMI </a><br />
							<span>Contact: ahlame.azami@gmail.com</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 14">
					<div class="wrapper">					
						<img class="big_img" src="https://lh5.googleusercontent.com/-PFLLK-nrh4Y/TpREDlDG5gI/AAAAAAAAAFs/_vZLZWCH8Uw/s512/2011-10-10%25252015.16.24.jpg" alt="temp" />
						<div class="photo-meta-data">
							Etudiante: <a href="#">Nom Prénom </a><br />
							<span>Contact: A saisir</span>
						</div>
					</div>
				</div>
				

			</div>
		</div>
		<a href="#1" class="cross-link active-thumb"><img src="https://lh3.googleusercontent.com/-BUqkI5EmDik/Tom9Lj1Tt-I/AAAAAAAAAFg/L796QzkyRXw/s128/2011-10-03%25252015.29.33.jpg" class="nav-thumb" alt="temp-thumb" /></a>
		<div id="movers-row">
			<div><a href="#2" class="cross-link"><img src="https://lh5.googleusercontent.com/-NyesxTcpGL8/Tom9LzfYgWI/AAAAAAAAAFg/Ckcp7HzMOyg/s128/2011-10-03%25252015.29.45.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#3" class="cross-link"><img src="https://lh5.googleusercontent.com/-_ehsU8Li6rc/Tom9MZFS3zI/AAAAAAAAAGU/RDANRn3Ep-c/s128/2011-10-03%25252015.30.08.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#4" class="cross-link"><img src="https://lh5.googleusercontent.com/-zADcPTs-mrQ/Tom9M4WQiZI/AAAAAAAAAFg/BgIg6iBS3Yo/s128/2011-10-03%25252015.30.22.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#5" class="cross-link"><img src="https://lh3.googleusercontent.com/-AfIBaysgd9Y/Tom9NOmFJ3I/AAAAAAAAAFg/-jzfIMh3s8g/s128/2011-10-03%25252015.31.15.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#6" class="cross-link"><img src="https://lh5.googleusercontent.com/-UzALKQhdu_E/Tom9NpxZpwI/AAAAAAAAAFg/-FXS7W61O9Y/s128/2011-10-03%25252015.31.35.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#7" class="cross-link"><img src="https://lh3.googleusercontent.com/-0d7eP4zj2P4/Tom9N4myItI/AAAAAAAAAFg/EPszv5XQfXM/s128/2011-10-03%25252015.31.50.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#8" class="cross-link"><img src="https://lh4.googleusercontent.com/-_7KQgf1MPi4/Tom9OVqZptI/AAAAAAAAAFg/n6Ba18vfTbY/s128/2011-10-03%25252015.32.06.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#9" class="cross-link"><img src="https://lh6.googleusercontent.com/-0JkiuFKOaL8/Tom9Otama6I/AAAAAAAAAFg/qrUI9iJgDCg/s128/2011-10-03%25252015.32.23.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#10" class="cross-link"><img src="https://lh4.googleusercontent.com/-y9Dvx0PrUss/Too7kE7d3HI/AAAAAAAAAF4/uRGJ1-MiW28/s128/_MG_4581.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#11" class="cross-link"><img src="https://lh6.googleusercontent.com/-GdGPDfU6BL4/TpKfUZua3_I/AAAAAAAAAFg/V_hmQNCsqaQ/s128/2011-10-10%25252009.15.32.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#12" class="cross-link"><img src="https://lh6.googleusercontent.com/--CpRGkZFuf8/TpKirJG_OjI/AAAAAAAAAFg/WiSRxZAk2aE/s128/2011-10-10%25252009.42.22.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#13" class="cross-link"><img src="https://lh3.googleusercontent.com/-hjkeaO0cB4Q/TpKkWv1uczI/AAAAAAAAAFg/CDVSBRg4tXE/s128/ah.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#14" class="cross-link"><img src="https://lh5.googleusercontent.com/-PFLLK-nrh4Y/TpREDlDG5gI/AAAAAAAAAFs/_vZLZWCH8Uw/s128/2011-10-10%25252015.16.24.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
		</div>

	</div>
	
	</div>
</div>
</body>

</html>